{% extends 'base.html' %}
{% block title %}登录{% endblock %}
{% block link %}
  <link rel="stylesheet" href="/static/css/customer/register.css">{% endblock %}
{% block js %}
  <script src="/static/js/customer/login.js"></script>{% endblock %}
{% block content %}
  <main id="main">
    <div class="layui-container" style="margin-top: 200px; margin-bottom: 250px;">
      <div class="logo-box">
        <div>
          <a href="/"><img src="/static/images/logo.jpg" alt=""></a>
        </div>
        <div class="ad">
          想要拥有飞一样的配送速度吗？</br><span>FFmall</span>，您值得体验
        </div>
      </div>
      <div class="form-box layui-bg-gray">
        <div class="top-contain">
          <h3>用户登录</h3>
          <a href="/register/">立即注册&gt;</a>
        </div>
        <form class="layui-form" action="" lay-filter="example" method="post"><!--表单--赋值和取值 -->
{% csrf_token %}
        <div id="uuid_box"></div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.email }}
              {{ form.email.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.password }}
              {{ form.password.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.re_pass }}
              {{ form.re_pass.errors }}
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              {{ form.verify }}
              {{ form.verify.errors }}
              <div id="verification_image_box" style="float: right;"></div>
            </div>

          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              <button type="submit" class="layui-btn" lay-submit="" lay-filter="login">立即登录</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </main>
{% endblock %}
{% block footer %}{% include 'include/_footer.html' %}{% endblock %}